.page.wallet{
  overflow: hidden;
  .item{
    margin: 10rem/16 auto;
    width: 95%;
    border-radius: 10rem/16;
    height: 120rem/16;
    box-shadow: 5rem/16 2rem/16 5rem/16 #888888;
    position: relative;
    .icon{
      display: inline-block;
      width: 47rem/32;
      height: 47rem/32;
      background-size: 47rem/32 47rem/32;
      position: absolute;
      left:1rem;
      top:3rem;
      &.money{
        background-image: url(../../images/wallet_money_icon.png);
      }
      &.coin{
        background-image: url(../../images/wallet_coin_icon.png);
      }
      &.quan{
        background-image: url(../../images/wallet_quan_icon.png);
      }
    }
    &.blue{
      background-color: #77c6ed;
    }
    &.yellow{
      background-color: #e9c95a;
    }
    &.red{
      background-color: #ed7777;
    }
    a{
      font-size: 12rem/16;
      color: #fff;
      width:12rem/16;
      position: absolute;
      top:30rem/16;
      right: 20rem/16;
    }
    i.next{
      font-size: 12rem/16;
      color: #fff;
      width:12rem/16;
      position: absolute;
      top:48rem/16;
      right: 5rem/16;
    }
    .main{
      height: 100%;
      background-color: #fff;
      width: 210rem/16;
      margin-left: 50rem/16;
      i{
        display: inline-block;
        float: left;
        width: 1px;
        height: 50%;
        margin-top: 30rem/16;
        background-color: #e5e5e5;
      }
      .con{
        float: left;
        width:100rem/16;
        color: #646464;
        height: 100%;
        text-align: center;
        .title{
          font-size: 14rem/16;
          margin-top:20rem/16;
          color: #e5e5e5;
        }
        .body{
          em{
            font-style: normal;
            font-size: 24rem/16;
          }
          margin-top: 10rem/16;
        }
      }
    }
  }
}